﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Sesion.aspx.cs" Inherits="Web_Guia_Digital_Georeferenciada.Sesion" %>
<html lang="es">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Login</title>
    <link rel="stylesheet" href="Content/bootstrap.min.css" type="text/css" /> 
    <link rel="stylesheet" href="Content/bootstrap-theme.min.css" type="text/css" /> 
    <link rel="stylesheet" href="Content/styles.css" type="text/css" /> 
    
<style type="text/css">
    body {
    background-image: url(Imagenes/fondo.jpg);
    background-repeat:no-repeat;
    background-attachment:scroll;
}
form,
input,
button {
    margin: 10px;
}
#login {
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: 100px;
    border-radius: 10px;
}
#nebaris {
    background-color: #000;
    color: white;
    padding: 15px;
    text-align: center;
    font-family: helvetica;
    margin-top: 300px;
}
#nebaris a {
    color: rgb(178, 255, 178);
    border: 0;
}
#nebaris a:hover {
    color: white;
    background-color: black;
}


.navbar-custom .icon-bar {
	background-color:#fff;
}

.navbar-custom {
	background-color: #168ccc;
    color:#fff;
}

.navbar-custom li>a:hover,.navbar-custom li>a:focus {
	background-color:#49bfff;
}

.navbar-custom a{
    color:#fefefe;
}

.navbar-custom .form-control:focus {
	border-color: #49bfff;
	outline: 0;
	-webkit-box-shadow: inset 0 0 0;
	box-shadow: inset 0 0 0;
}

#main, #main>.row {
	height:100%;
}

#main>.row {
    overflow-y:scroll;
}

#left {
	height:100%;
}



.filter-box { 
  height: 15px; 
  width: 15px;  
  display: inline-block;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box; 
}

.filter-yellow { background-color: #FBF358; }
.filter-green { background-color: #00E13C; }
.filter-blue { background-color: #5781FC; }
.filter-purple { background-color: #7C54FB; }
.filter-red { background-color: #FB6353; }

canvas {-ms-touch-action: double-tap-zoom;}

</style>
</head>
<body>
         <!-- Static navbar -->
    <nav class="navbar navbar-custom navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Guía Digital Georeferenciada</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Principal</a></li>
            <li><a href="<%= Page.ResolveUrl("~/BusquedaComerciosGeoreferenciado.aspx") %>">Posición</a></li>
            <li><a href="<%= Page.ResolveUrl("~/BusquedaComercios.aspx") %>">Busqueda ampliada</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
              <li><a href="<%= Page.ResolveUrl("~/Sesion.aspx") %>">Inicio Sesión</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>
    <div class="container">
        <div class="col-md-12">
            <div class="col-md-4"></div>
            <div class="col-md-4" id="login">
                <form class="form-signin" role="form">
                    <div class="text-center">
                        <img id="avatar" src="Imagenes/nadie.png" alt="avatar">
                    </div>
                    <input id="txtEmail" type="email" class="form-control" placeholder="Email">
                    <input type="password" class="form-control" placeholder="Password">
                    <button class="btn btn-lg btn-primary btn-block" type="submit">Iniciar sesión</button>
                </form>
            </div>
            <div class="col-md-4"></div>
        </div>
    </div>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
      <script type="text/javascript" src="Content/jquery.md5.min.js"></script>
     <script type="text/javascript" src="Content/bootstrap.min.js"></script>
        <script type="text/javascript" src="Content/script.js"></script>
</body>

</html>